<template>
  <div id="app">
    <!-- 搜索框 -->
    <!-- <Search></Search> -->
    <!-- 轮播图 -->
    <swiper></swiper>
    <!-- 列表 -->
    <List></List>
    <!-- Tabber：底部按钮 -->
    <Tabbar></Tabbar>
  </div>
</template>

<script>
// 导入组件
// import Search from './components/Search.vue'
import Swiper from './components/Swiper.vue'
import List from './components/List.vue'
import Tabbar from './components/Tabbar.vue'


export default {
  components:{//负责注册组件( 局部组件 , 只能在当前注册的文件中使用 )
    // Search,
    Swiper,
    List,
    Tabbar
  }
}
</script>

<style lang="scss">
  // 这里不加scoped, 因为这里一般写全局样式
  *{
    margin: 0;padding: 0;
  }
</style>
